<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>


    <link rel="icon" type="image/png" href="/static/js/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/static/js/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="/static/js/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/static/js/assets/css/admin.css">
    <link rel="stylesheet" href="/static/js/assets/css/app.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/public.css">

    <jsp:include page="/WEB-INF/views/commons/common.jsp"/>

    <script src="/static/js/index.js"></script>
</head>
<body>



<div id="p" class="easyui-panel"
     style="width:98%;height:98%;padding:10px;background:#fafafa;">
<div class="tpl-content-scope">
    <div class="note note-info">
        <h3>Nb 为客户而生
            <span class="close" data-close="note"></span>
        </h3>
        <p>
            奶爸车险志存高远，以成为“客户利益最好、报酬福利最好、业务成长最好”的三好企业为公司愿景，并建立了“大型化、综合化、公众化、集团化、国际化”的发展远景。
            奶爸车险坚持“提质增效、产品创先、服务整合、移动互联”四大战略，以及“业务与养老相结合、管理与信仰相结合、发展与名企相结合、品牌与慈善相结合、创新与网络相结合”的五大路径，形成了“奶爸”特色的经营战略。
        </p>
    </div>
</div>

<div class="row">
    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
        <div class="dashboard-stat blue">
            <div class="visual">
                <i class="am-icon-comments-o"></i>
            </div>
            <div class="details">
                <div class="number">￥ ${babaT.billAccount}</div>
                <div class="desc"> 销售额 </div>
            </div>
            <shiro:hasAnyRoles name="BOSS">
            <a class="more" href="javascript:;" onclick="toBillAcount()"> 查看更多
                <i class="m-icon-swapright m-icon-white"></i>
            </a>
            </shiro:hasAnyRoles>
            <script type="text/javascript">
                function toBillAcount() {
                    indexUrl=$("#indexUrl", parent.document);
                    parisTT=$("#parisT", parent.document);
                    indexUrl.prop("src","charts/index");
                    parisTT.text("销售报表")

                }
            

            </script>
        </div>
    </div>
    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
        <div class="dashboard-stat red">
            <div class="visual">
                <i class="am-icon-bar-chart-o"></i>
            </div>
            <div class="details">
                <div class="number"> ${babaT.clientAccount}组</div>
                <div class="desc"> 客户总数 </div>
            </div>
            <shiro:hasAnyRoles name="BOSS">
            <a class="more" href="javascript:;" onclick="toClientAcount()"> 查看更多
                <i class="m-icon-swapright m-icon-white"></i>
            </a>
            </shiro:hasAnyRoles>
            <script type="text/javascript">
                function toClientAcount() {
                    indexUrl=$("#indexUrl", parent.document);
                    indexUrl.prop("src","client/index");
                    parisTT=$("#parisT", parent.document);
                    parisTT.text("客户管理")
                }


            </script>

        </div>
    </div>
    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
        <div class="dashboard-stat green">
            <div class="visual">
                <i class="am-icon-history"></i>
            </div>
            <div class="details">
                <div class="number"> ${babaT.claimresultAccount}单 </div>
                <div class="desc"> 完成理赔单数 </div>
            </div>
            <shiro:hasAnyRoles name="BOSS">
            <a class="more" href="javascript:;" onclick="toClaimresultAccount()"> 查看更多
                <i class="m-icon-swapright m-icon-white"></i>
            </a>
            </shiro:hasAnyRoles>
            <script type="text/javascript">
                function toClaimresultAccount() {
                    indexUrl=$("#indexUrl", parent.document);
                    indexUrl.prop("src","claim/index");
                    parisTT=$("#parisT", parent.document);
                    parisTT.text("理赔管理")
                }


            </script>
        </div>
    </div>
    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
        <div class="dashboard-stat purple">
            <div class="visual">
                <i class="am-icon-cc"></i>
            </div>
            <div class="details">
                <div class="number"> ${babaT.dClientAccount}组 </div>
                <div class="desc"> 资源池中客户数 </div>
            </div>
            <a class="more" href="javascript:;" onclick="toDClientAccount()"> 点击快速进行抢客!
                <i class="m-icon-swapright m-icon-white"></i>
            </a>
            <script type="text/javascript">
                function toDClientAccount() {
                    indexUrl=$("#indexUrl", parent.document);
                    indexUrl.prop("src","/client/index?state=1");
                    parisTT=$("#parisT", parent.document);
                    parisTT.text("资源池客户")
                }


            </script>
        </div>
    </div>



</div>

<div class="row">
    <div class="am-u-md-6 am-u-sm-12 row-mb">
        <div class="tpl-portlet">
            <div class="tpl-portlet-title">
                <div class="tpl-caption font-red ">
                    <i class="am-icon-bar-chart"></i>
                    <span> 销售龙虎榜</span>
                </div>
                <div class="actions">
                    <ul class="actions-btn">

                    </ul>
                </div>
            </div>
            <div class="tpl-scrollable">
                <div class="number-stats">
                    <div class="stat-number am-fl am-u-md-6">
                        <div class="title am-text-right">  <span class="font-myB">销售额</span></div>
                        <div class="number am-text-right am-text-warning"> <span id="totalSale"></span> </div>
                    </div>
                    <div class="stat-number am-fr am-u-md-6">
                        <div class="title"> <span class="font-myB">销售状元</span> </div>
                        <div class="number am-text-success"> <span id="totalSaleName" class="font-myG bold"></span> </div>
                    </div>
                </div>

                <table class="am-table tpl-table">
                    <thead>
                    <tr class="tpl-table-uppercase">
                        <th>姓名</th>
                        <th>销售额</th>
                        <th>销售排名</th>
                        <th>所属部门</th>
                    </tr>
                    </thead>
                    <tbody>

                    <c:forEach items="${babaT.maps}" var="bmap" varStatus="p"  end="4">
                    <tr>
                        <td>
                            <img src="${bmap.imgsrc}" alt="" class="user-pic">
                            <a class="user-name" href="###"><span id="topName${p.index+1}">${bmap.groupByType}</span> </a>
                        </td>
                        <td ><span id="topSale${p.index+1}" class="font-myO bold">￥${bmap.totalAmount}</span></td>
                        <td>${p.index+1}</td>
                        <td class="font-green bold" >${bmap.deptName}</td>
                    </tr>
                    </c:forEach>
                    <script type="text/javascript">
                        $(function () {

                            $("#totalSale").text($("#topSale1").text())
                            $("#totalSaleName").text($("#topName1").text())
                        })

                    </script>



                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="am-u-md-6 am-u-sm-12 row-mb">
        <div class="tpl-portlet">
            <div class="tpl-portlet-title">
                <div class="tpl-caption font-red ">
                    <i class="am-icon-bar-chart"></i>
                    <span> 好好干活,努力上榜</span>
                </div>
                <div class="actions">
                    <ul class="actions-btn">
                        <li class="dark">数据截止至<jsp:useBean id="now" class="java.util.Date" scope="page"/>
                            <fmt:formatDate value="${now}" pattern="yyyy-MM-dd hh:mm:ss" /></li>
                    </ul>
                </div>
            </div>
            <div class="tpl-scrollable">
                <div class="number-stats">
                    <div class="stat-number am-fr am-u-md-6">
                        <div class="title"><span class="font-myB">销售榜眼</span>  </div>
                        <div class="number am-text-success"> <span id="totalSaleName2"></span> </div>
                    </div>
					<div class="stat-number am-fl am-u-md-6">
                        <div class="title am-text-right">  <span class="font-myB">销售额</span></div>
                        <div class="number am-text-right am-text-warning"> <span id="totalSale2"></span> </div>
                    </div>
                </div>

                <table class="am-table tpl-table">
                    <thead>
                    <tr class="tpl-table-uppercase">
                        <th>姓名</th>
                        <th>销售额</th>
                        <th>销售排名</th>
                        <th>所属部门</th>
                    </tr>
                    </thead>
                    <tbody>

                    <c:forEach items="${babaT.maps}" var="bmap" varStatus="p"  begin="5" end="9">
                    <tr>
                        <td>
                            <img src="${bmap.imgsrc}" alt="" class="user-pic">
                            <a class="user-name" href="###"><span  id="topName${p.index+1}">${bmap.groupByType}</span> </a>
                        </td>
                        <td ><span id="topSale${p.index+1}" class="font-myO bold">￥${bmap.totalAmount}</span></td>
                        <td>${p.index+1}</td>
                        <td class="font-green bold" >${bmap.deptName}</td>
                    </tr>
                    </c:forEach>
                    <script type="text/javascript">
                        $(function () {

                            $("#totalSale2").text($("#topSale2").text())
                            $("#totalSaleName2").text($("#topName2").text())
                        })

                    </script>



                    </tbody>
                </table>
            </div>
        </div>
    </div>
   <%-- <div class="am-u-md-6 am-u-sm-12 row-mb">
        <div class="tpl-portlet">
            <div class="tpl-portlet-title">
                <div class="tpl-caption font-red ">
                    <i class="am-icon-bar-chart"></i>
                    <span> 本月销售榜</span>
                </div>
                <div class="actions">
                    <ul class="actions-btn">
                        <li class="purple-on">昨天</li>
                        <li class="green">前天</li>
                        <li class="dark">本周</li>
                    </ul>
                </div>
            </div>
            <div class="tpl-scrollable">
                <div class="number-stats">
                    <div class="stat-number am-fl am-u-md-6">
                        <div class="title am-text-right"> 最高销售额 </div>
                        <div class="number am-text-right am-text-warning"> 232564 </div>
                    </div>
                    <div class="stat-number am-fr am-u-md-6">
                        <div class="title"> 最高销售单数 </div>
                        <div class="number am-text-success"> 31 </div>
                    </div>

                </div>

                <table class="am-table tpl-table">
                    <thead>
                    <tr class="tpl-table-uppercase">
                        <th>人员</th>
                        <th>销售额</th>
                        <th>销售单数</th>
                        <th>投诉率</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user01.png" alt="" class="user-pic">
                            <a class="user-name" href="###">禁言小张</a>
                        </td>
                        <td>￥232564</td>
                        <td>31</td>
                        <td class="font-green bold">1%</td>
                    </tr>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user02.png" alt="" class="user-pic">
                            <a class="user-name" href="###">Alex.</a>
                        </td>
                        <td>￥2635</td>
                        <td>52</td>
                        <td class="font-green bold">32%</td>
                    </tr>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user03.png" alt="" class="user-pic">
                            <a class="user-name" href="###">Tinker404</a>
                        </td>
                        <td>￥1267</td>
                        <td>65</td>
                        <td class="font-green bold">51%</td>
                    </tr>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user04.png" alt="" class="user-pic">
                            <a class="user-name" href="###">Arron.y</a>
                        </td>
                        <td>￥657</td>
                        <td>65</td>
                        <td class="font-green bold">73%</td>
                    </tr>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user05.png" alt="" class="user-pic">
                            <a class="user-name" href="###">Yves</a>
                        </td>
                        <td>￥3907</td>
                        <td>65</td>
                        <td class="font-green bold">12%</td>
                    </tr>
                    <tr>
                        <td>
                            <img src="/static/js/assets/img/user06.png" alt="" class="user-pic">
                            <a class="user-name" href="###">小黄鸡</a>
                        </td>
                        <td>￥900</td>
                        <td>65</td>
                        <td class="font-green bold">10%</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>--%>
</div>


<div class="row">
    <div class="am-u-md-6 am-u-sm-12 row-mb">

        <div class="tpl-portlet">
            <div class="tpl-portlet-title">
                <div class="tpl-caption font-green ">
                    <span>公告栏</span>
                    <span class="caption-helper">16 件</span>
                </div>
                <div class="tpl-portlet-input">
                    <div class="portlet-input input-small input-inline">
                        <div class="input-icon right">
                            <i class="am-icon-search"></i>
                            <input type="text" class="form-control form-control-solid" placeholder="搜索..."> </div>
                    </div>
                </div>
            </div>
            <div id="wrapper" class="wrapper">
                <div id="scroller" class="scroller">
                    <ul class="tpl-task-list">
                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 论坛功能将于2021年12月12日开启第一轮测试,请各位同僚踊跃报名... </span>
                                <span class="label label-sm label-success">OA技术部</span>
                                <span class="task-bell">
                                        </span>
                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp .font-red">为了提高员工的工作热情,我司决定即日起,每周对销售额排行前三名的员工进行奖励,奖励金额为销售额的10%...  </span>
                                <span class="label label-sm label-danger">新闻部</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 市场部无话可说 </span>
                                <span class="label label-sm label-warning">市场部</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 太太太平保险公司与我司建立合作关系 </span>
                                <span class="label label-sm label-default">合作商公告</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 没有什么是我们解决不了的,如果有,那一定是我不想解决 </span>
                                <span class="label label-sm label-success">OA技术部</span>
                                <span class="task-bell">
                                            <i class="am-icon-bell-o"></i>
                                        </span>
                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>


                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 中国人人寿保险与我司建立合作关系 </span>
                                <span class="label label-sm label-default">合作商公告</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 近期销售业绩不佳,市场部内部已做出深刻自我反省... </span>
                                <span class="label label-sm label-warning">市场部</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 平平安安保险与我司建立合作关系 </span>
                                <span class="label label-sm label-default">合作商公告</span>

                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="task-checkbox">
                                <input type="hidden" value="1" name="test">
                                <input type="checkbox" class="liChild" value="2" name="test"> </div>
                            <div class="task-title">
                                <span class="task-title-sp"> 技术部新来了个妹子,腿很长! </span>
                                <span class="label label-sm label-success">OA技术部</span>
                                <span class="task-bell">
                                            <i class="am-icon-bell-o"></i>
                                        </span>
                            </div>
                            <div class="task-config">
                                <div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
                                    <a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
                                        <i class="am-icon-cog"></i> <span class="am-icon-caret-down"></span>
                                    </a>
                                    <ul class="am-dropdown-content tpl-task-list-dropdown-ul">
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-check"></i> 保存 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-pencil"></i> 编辑 </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <i class="am-icon-trash-o"></i> 删除 </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="am-u-md-6 am-u-sm-12 row-mb">
        <div class="tpl-portlet">
            <div class="tpl-portlet-title">
                <div class="tpl-caption font-green ">
                    <span>OA系统开发进度</span>
                </div>

            </div>

            <div class="am-tabs tpl-index-tabs" data-am-tabs>
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active"><a href="#tab1">已完成</a></li>
                    <li><a href="#tab2">开发中</a></li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                        <div id="wrapperA" class="wrapper">
                            <div id="scroller" class="scroller">
                                <ul class="tpl-task-list tpl-task-remind">
                                    <li>
                                        <div class="cosB">
                                            2018-7-16
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco">
                        <i class="am-icon-bell-o"></i>
                      </span>

                                            <span> 系统核心模块,核心功能,初级界面优化已全部开发完毕</i>
                                                        </span></span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco label-danger">
                        <i class="am-icon-bolt"></i>
                      </span>

                                            <span> 加班加点完成了系统核心模块,努力搞了一晚的UI,发现无法实现,MLGB</span>
                                        </div>

                                    </li>

                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco label-info">
                        <i class="am-icon-bullhorn"></i>
                      </span>

                                            <span> 我靠,这TMD从哪抄起?</span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco label-warning">
                        <i class="am-icon-plus"></i>
                      </span>

                                            <span>需求太多,妹子太少,不想做!。</span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco">
                        <i class="am-icon-bell-o"></i>
                      </span>

                                            <span> TMD,不同浏览器效果不同也就算了,同家的浏览器不同版本也要修复,垃圾垃圾!。<span class="tpl-label-info"> 提取文件
                                                            <i class="am-icon-share"></i>
                                                        </span></span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco label-danger">
                        <i class="am-icon-bolt"></i>
                      </span>

                                            <span> 加班加点,做不出想要的效果,不做了。</span>
                                        </div>

                                    </li>

                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco label-info">
                        <i class="am-icon-bullhorn"></i>
                      </span>

                                            <span> 故事的结局,往往都是测试有效,演示无效。</span>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="am-tab-panel am-fade" id="tab2">
                        <div id="wrapperB" class="wrapper">
                            <div id="scroller" class="scroller">
                                <ul class="tpl-task-list tpl-task-remind">
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco">
                        <i class="am-icon-bell-o"></i>
                      </span>

                                            <span>好多文本要写,累了,写不动了<span class="tpl-label-info"> 提取文件
                                                            <i class="am-icon-share"></i>
                                                        </span></span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco">
                        <i class="am-icon-bell-o"></i>
                      </span>

                                            <span>好多文本要写,累了,写不动了<span class="tpl-label-info"> 提取文件
                                                            <i class="am-icon-share"></i>
                                                        </span></span>
                                        </div>

                                    </li>
                                    <li>
                                        <div class="cosB">
                                            2018-7-15
                                        </div>
                                        <div class="cosA">
                                                        <span class="cosIco">
                        <i class="am-icon-bell-o"></i>
                      </span>

                                            <span>好多文本要写,累了,写不动了<span class="tpl-label-info"> 提取文件
                                                            <i class="am-icon-share"></i>
                                                        </span></span>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>

</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

</body>
</html>